<template>
  <transition name="move">
    <div class="buy-know">
      购买需要知道的事情
    </div>
  </transition>
</template>

<script type="text/ecmascript-6">
  export default {}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~@/common/stylus/variable.styl"
  @import "~@/common/stylus/mixin.styl"

  .buy-know
    min-height: 500px

  .move-enter-active, .move-leave-active
    transiti(transform, .5s, ease)
  .move-enter
    -webkit-transform: translate3d(-100%, 0, 0)
    -moz-transform: translate3d(-100%, 0, 0)
    -ms-transform: translate3d(-100%, 0, 0)
    -o-transform: translate3d(-100%, 0, 0)
    transform: translate3d(-100%, 0, 0)
  .move-leave
    -webkit-transform: translate3d(100%, 0, 0)
    -moz-transform: translate3d(100%, 0, 0)
    -ms-transform: translate3d(100%, 0, 0)
    -o-transform: translate3d(100%, 0, 0)
    transform: translate3d(100%, 0, 0)
</style>